<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="styles/default.css">
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="fonts/iconfont.css">
</head>
<body>
	<div id="header-hide"></div>
	
	<div id="header-container">
		<div id="nav-bar">
			<div class="l-nav">
				<div class="l-nav-img"><img src="images/logo.png" alt="logo"></div>
			</div>
			<div class="r-nav">
				<div class="nav-menu-content">
					<ul class="nav-menu">
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="index.html">首页</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="service.html">服务</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">产品接口</a><span class="fixed-bottom"></span></div>

						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="javascript:void(0)">项目</a><span class="fixed-bottom"></span></div>
						</li>
						<li class="nav-header-item">
							<div class="header-item-detail"><a href="about.html">关于凡路</a><span class="fixed-bottom"></span></div>
						</li>
					</ul>
					<div class="nav-login"><a class="login-f"><i class="login-i icon iconfont icon-modaologin"></i><span>登录</span></a></div>
				</div>
			</div>
			<div class="bottom-nav">
				<ul class="header-detail-list" item-index="2">
					<li class="header-detail-item"><a href="javascript:void(0)">智慧城市接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">乡村旅游接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">学宝系统接口</a></li>
					<li class="header-detail-item"><a href="javascript:void(0)">积分宝接口</a></li>
				</ul>
			</div>
		</div>
	</div>

	<div id="carousel-container">
		<div id="carousel-bar">
			<img src="images/banner.jpg" alt="banner">
			<div id="carousel-content">
				<h1>凡路科技紧急招<i class="icon iconfont icon-h5dibutubiao13"></i>令</h1>
				<p>贯穿移动，硬件，前端，后端，游戏，策划，系统六大部门，致力于打造更强更快更好的校内创新创业团队</p>
				<div class="car-content-footer">
					<a href="recruit.html"><button class="left-info-btn">加入我们</button></a>
					<a href="about.html"><button class="right-info-btn">了解我们</button></a>
				</div>
			</div>
		</div>
		<div id="wrap-container">
			<div id="wrap-bar">
				<ul class="wrap-list">
					<li class="wrap-list-item" data-wrap="#final-explain-container">
						<h2>我们的实验室</h2>
						<p>人才辈出</p>
					</li>
					<li class="wrap-list-item" data-wrap="#fc-container">
						<h2>完整的外包体系</h2>
						<p>五项全能发展</p>
					</li>
					<li class="wrap-list-item" data-wrap="#culture-container">
						<h2>4大核心思想</h2>
						<p>实验室也是一个社会</p>
					</li>
					<li class="wrap-list-item" data-wrap="#numberout-container">
						<h2>我们的成员</h2>
						<p>他们社会历练</p>
					</li>
					<li class="wrap-list-item" data-wrap="#project-container">
						<h2>我们完成的项目</h2>
						<p>虽不多却完善</p>
					</li>
				</ul>
			</div>
		</div>
	</div>
<!--
	<div id="carousel-filter">
		<span class="l-line filter-line"></span>
		<span class="r-line filter-line"></span>
	</div>


	<div id="carousel-p">
		<div class="anchor">
			<div class="anchor-bg"><i class="icon iconfont icon-icon1"></i></div>
		</div>
	</div>
-->
	<div id="final-explain-container">
		<div id="final-explain-bar">
			<div class="explain-header">
				<h2>我们的实验室</h2>
				<p>拥有七大顶尖部门，如此强大，团队领先</p>
			</div>
			<div class="explain-body">
				<div class="l-explain">
					<h3>凡路实验室</h3>
					<p>&nbsp;&nbsp;&nbsp;&nbsp;依托长沙理工大学计算机与通信工程学院成立的大学生科技创新团队， 致力于发展为一移动互联网和物联网为特色的IT技术行业。 </p>
					<p>
						作为专业的IT技术团队，团队专注于大量的IT 应用型人才的培养。
						团队的各个作品参加各项比赛，包括省ACM应用竞赛奖、互联网+、中国大学生计算机大赛，荣获许多大奖。 在这里，我们团队成员互帮互助也体现了非常强的团队凝聚力。
					</p>
				</div>
				<div class="r-explain">
					<ul class="explain-list">
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-java"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>后端部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-web"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>前端部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-yingjianshebei"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>硬件部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-xitong"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>系统部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-cehua"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>策划部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-youxi"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>游戏部门</span></div>
							</div>
						</li>
						<li class="explain-list-item">
							<div class="list-item-rect">
								<div class="exlist-item-img"><i class="icon iconfont icon-yidong"></i></div>
								<div class="exlist-item-divi"></div>
								<div class="exlist-item-content"><span>移动部门</span></div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div id="fc-container">
		<div id="fc-bar">
			<div class="fc-header">
				<h2>完整的<i class="icon iconfont icon-wai"></i>包体系</h2>
				<p>包括四大外包路线，提供的优质的外包方案，以低价格服务高用户为宗旨</p>
			</div>
			<div class="fc-fc">
				<ul class="fc-fc-list">
					
					<li class="fc-fc-list-item-active">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-dianshangwangzhankaifa"></i></h2>
							<p>网站开发</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>APP网站</span></div>
									<div class="fc-menu-item-content">
										<p>
											设计创意独一无二，网站功能齐全
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>PC网站</span></div>
									<div class="fc-menu-item-content">
										<p>
											不管是企业还是个人，完美展示信息是我们的宗旨
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>微信网站</span></div>
									<div class="fc-menu-item-content">
										<p>
											微信已是大流，在线交流，无缝接轨
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>响应式网站</span></div>
									<div class="fc-menu-item-content">
										<p>
											如果你是个人或者只需要小型网站，这是个不错的选择
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-yidongyingyongkaifa"></i></h2>
							<p>移动开发</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>个人安卓软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											低廉的价格，高效率完成
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>企业安卓软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											策划部深入，高层交互
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>个人IOS软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											低廉的价格，高效率完成
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>企业IOS软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											策划部深入，高层交互
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多流程</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-weixinkaifapingtai"></i></h2>
							<p>硬件开发</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>51单片机</span></div>
									<div class="fc-menu-item-content">
										<p>
											提供多种应对方案，51单片机也不简单
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>STM32单片机</span></div>
									<div class="fc-menu-item-content">
										<p>
											主流团队开发，这是个绝佳的选择
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>arm单片机</span></div>
									<div class="fc-menu-item-content">
										<p>
											基于arm单片机，实现需求功能
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>简易PCB制作</span></div>
									<div class="fc-menu-item-content">
										<p>
											如果有需要，我们也提供简单地PCB制作
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-zanfuwutubiao04"></i></h2>
							<p>系统软件开发</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>C++软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											可基于MFC,Qt,C#等软件开发，满足多种需求
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>java软件</span></div>
									<div class="fc-menu-item-content">
										<p>
											主要基于eclipse开发小型到中型软件项目
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>python功能插件</span></div>
									<div class="fc-menu-item-content">
										<p>
											不同版本，相同的python插件
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>JS功能插件</span></div>
									<div class="fc-menu-item-content">
										<p>
											网页特效，不会？选择凡路JS插件开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多流程</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li class="fc-fc-list-item">
						<div class="fc-list-item-head">
							<h2><i class="icon iconfont icon-youxi1"></i></h2>
							<p>游戏开发</p>
							<span class="bot-line"></span>
						</div>
						<div class="fc-list-item-content">
							<ul class="fc-menu-list">
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>电脑游戏</span></div>
									<div class="fc-menu-item-content">
										<p>
											3D，2D全面覆盖，极致体验永不停
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>手游</span></div>
									<div class="fc-menu-item-content">
										<p>
											专业的设计，基于Unity开发
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>微信小游戏</span></div>
									<div class="fc-menu-item-content">
										<p>
											降低开发成本，快速抢占微信小游戏千亿级网络市场
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>页游</span></div>
									<div class="fc-menu-item-content">
										<p>
											H5游戏开发定制服务，页游也可以横行游戏领域
										</p>
									</div>
								</li>
								<li class="fc-menu-item">
									<div class="fc-menu-item-title"><span>...</span></div>
									<div class="fc-menu-item-content">
										<p>
											<button type="button">更多详情</button>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="culture-container">
		<div id="culture-bar">
			<div class="culture-header">
				<h2><i class="icon iconfont icon-4"></i>大核心思想</h2>
				<p>创新，规范，传承，感恩，我们从来没有停歇过...</p>
			</div>
			<div class="culture-body">
				<ul class="culture-list">
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-innovate"></i></div>
						<div class="cul-list-item-r">
							<h2>创新</h2>
							<p>策划+程序：意想不到的头脑风暴，造就创新之源</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-wantuguifanwenjian13"></i></div>
						<div class="cul-list-item-r">
							<h2>规范</h2>
							<p>制度+监督：多年的探索，严谨的制度，营造程序员天堂氛围</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-hezuo"></i></div>
						<div class="cul-list-item-r">
							<h2>传承</h2>
							<p>传递+继承</p>
						</div>
					</li>
					<li class="culture-list-item">
						<div class="cul-list-item-l"><i class="icon iconfont icon-ganenlaokehu3"></i></div>
						<div class="cul-list-item-r">
							<h2>感恩</h2>
							<p>感恩+回馈：走出实验室，翱翔苍穹，却不忘初心</p>
						</div>
					</li>
				</ul>
				<div class="culture-gn">
					<div class="culture-gn-l">
						<i class="icon iconfont icon-ganenlaokehu3"></i>
						<i class="icon iconfont icon-iconq"></i>
						<span class="culture-gn-outsj"></span>
					</div>
					<div class="culture-gn-r">
						<ul class="culture-gn-list">
							
							<li class="culture-gn-list-item">
								<h2>
									<div class="h2-img-bar">
										<img src="images/tmq.png" alt="number">
									</div>
								</h2>
								<p>14xxx</p>
								<p class="culture-gn-list-item-class">计通卓越</p>
								<p class="culture-gn-list-item-money"><i class="icon iconfont icon-qian"></i>500</p>
							</li>	
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="numberout-container">
		<div id="numberout-bar">
			<div class="numberout-header">
				<h2>我们的<i class="icon iconfont icon-cheng"></i>员</h2>
				<p>社会！高校！我们依旧一往直前</p>
			</div>
			<div class="numberout-bg"></div>
			<div class="numberout-bg-over"></div>
			<div id = "numberout-list-container">
				<ul class="numberout-list" style="left: 0px;"><!--numberout-list只有一个呀用class拿到的是一个数组-->
					<li class="numberout-list-item">
						<div class="nu-list-item-content">
							<div class="nu-item-content-head">
								<img src="images/tmq.png" alt="number">
							</div>
							<div class="nu-item-content-body">
								<h2>xxx1</h2>
								<p class="nu-item-content-com">
									阿里巴巴集团
								</p>
								<p class="nu-item-content-desc">
									只有你学会把自己已有的成绩都归零，才能腾出空间去接纳更多的新东西，如此才能使自己不断的超越自己。
								</p>
							</div>
						</div>
					</li><!--这里的是list-item？为啥no reason它就是这样子的-->
					<li class="numberout-list-item">
						<div class="nu-list-item-content">
							<div class="nu-item-content-head">
								<img src="images/tmq.png" alt="number">
							</div>
							<div class="nu-item-content-body">
								<h2>xxx2</h2>
								<p class="nu-item-content-com">
									阿里巴巴集团
								</p>
								<p class="nu-item-content-desc">
									只有你学会把自己已有的成绩都归零，才能腾出空间去接纳更多的新东西，如此才能使自己不断的超越自己。
								</p>
							</div>
						</div>
					</li><!--但是这里的li的class是numberout-list-item呀不是numberout//不是应该让ul整体平移吗-->
					<li class="numberout-list-item">
						<div class="nu-list-item-content">
							<div class="nu-item-content-head">
								<img src="images/tmq.png" alt="number">
							</div>
							<div class="nu-item-content-body">
								<h2>xxx3</h2>
								<p class="nu-item-content-com">
									阿里巴巴集团
								</p>
								<p class="nu-item-content-desc">
									只有你学会把自己已有的成绩都归零，才能腾出空间去接纳更多的新东西，如此才能使自己不断的超越自己。
								</p>
							</div>
						</div>
					</li><!--是呀，那直接控制numberout-list就好了呀是呀//所以用这个-->
					<li class="numberout-list-item">
						<div class="nu-list-item-content">
							<div class="nu-item-content-head">
								<img src="images/tmq.png" alt="number">
							</div>
							<div class="nu-item-content-body">
								<h2>xxx4</h2>
								<p class="nu-item-content-com">
									阿里巴巴集团
								</p>
								<p class="nu-item-content-desc">
									只有你学会把自己已有的成绩都归零，才能腾出空间去接纳更多的新东西，如此才能使自己不断的超越自己。
								</p>
							</div>
						</div>
					</li>
					<li class="numberout-list-item">
						<div class="nu-list-item-content">
							<div class="nu-item-content-head">
								<img src="images/tmq.png" alt="number">
							</div>
							<div class="nu-item-content-body">
								<h2>xxx5</h2>
								<p class="nu-item-content-com">
									阿里巴巴集团
								</p>
								<p class="nu-item-content-desc">
									只有你学会把自己已有的成绩都归零，才能腾出空间去接纳更多的新东西，如此才能使自己不断的超越自己。
								</p>
							</div>
						</div>
					</li>
				</ul>

			</div>

		</div>
		<a href="javascript:;" class="arrow" id = "prev">&lt;</a>
		<a href = "javascript:;" class="arrow" id = "next">&gt;</a>
	</div>

	<div id="project-container">
		<div id="project-bar">
			<div class="project-header">
				<h2>我们完成的<i class="icon iconfont icon-xiang"></i>目</h2>
				<p>优质的解决方案，客户满意度，我们愿长驻高峰</p>
			</div>
			<div class="project-body">
				<ul class="project-body-list">
					<li class="project-body-list-item">
						<div class="pro-list-item-img"><img src="images/project1.jpg" alt="project"></div>
						<div class="pro-list-item-bot">
							<p>中国神奇先生1<a href="xxx"> <button class="pro-btn">了解更多</button></a></p>
						</div>
					</li>
					<li class="project-body-list-item">
						<div class="pro-list-item-img"><img src="images/project1.jpg" alt="project"></div>
						<div class="pro-list-item-bot">
							<p>中国神奇先生1<a href="xxx"> <button class="pro-btn">了解更多</button></a></p>
						</div>
					</li>
					<li class="project-body-list-item">
						<div class="pro-list-item-img"><img src="images/project1.jpg" alt="project"></div>
						<div class="pro-list-item-bot">
							<p>中国神奇先生1<a href="xxx"> <button class="pro-btn">了解更多</button></a></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	
	<div id="footer-filter-container">
		<div id="footer-filter-bar">
			<div class="footer-filter-header">
				<ul class="footer-filter-header-list">
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-gaoxiaofuwu"></i>高效率</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-qianyan"></i>最前沿</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-quanmian"></i>全方面</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-fuwu"></i>高服务</li>
					<li class="fofilter-header-list-item"><i class="icon iconfont icon-jiage"></i>低价格</li>
				</ul>
			</div>
		</div>
	</div>

	<div id="footer-container">
		<div id="footer-bar">
			<div class="footer-up">
				<div class="footer-up-l"><img src="images/logo.png" alt="logo"></div>
				<div class="footer-up-r">
					<a href="javascript:void(0)">友情链接：</a>
					<a href="javascript:void(0)">长沙理工大学</a>
					<a href="javascript:void(0)">长沙理工大学计通学院</a>
					<a href="javascript:void(0)">大学生科技交流平台</a>
					<a href="javascript:void(0)">长沙理工大学创业园</a>
				</div>
			</div>
			<div class="footer-bot">
				<div class="footer-bot-l">
					<img src="images/zhaoxin.png" alt="link1">
				</div>
				<div class="footer-bot-r">
					<p>Copyright©2016 凡路团队 版权所有 </p>
					<p>地址：湖南省长沙市雨花区万家丽南路2段960号</p>
				</div>
			</div>
		</div>
	</div>
	<script src="scripts/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="scripts/main.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>